<template>       
<el-container class="home-container">
    <!-- 头部区域 -->
  <el-header>
      <div>
          <img src="../assets/logo.jpg" alt="">
          <span>电商后台管理系统</span>
      </div>
      <el-button type="info" @click="logout">退出</el-button>
      </el-header>
  <!-- 页面主体区域 -->
  <el-main>Main</el-main>
  <!-- 页面尾部 -->
  <el-footer>Footer</el-footer>
</el-container>

</template>

<script>
export default {
    methods:{
        logout(){
            window.sessionStorage.clear();
            this.$router.push("/login");
        }
    }
}
</script>
<style scoped>
.el-header{
background-color:#373d41 ;
}
.el-main{
    background-color: #eaedf1;
}
.el-footer{
    background-color: #373d41;
}
.home-container{
    height: 100%;
}
</style>